<template>
		<div class="slide">
			<el-col>
				<el-menu default-active="2" class="el-menu">
					<el-submenu index="1" class="menu">
						<template slot="title">
							<span>管理员设置</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="1-1">
								<router-link to="/home/administrator">管理员列表</router-link>
							</el-menu-item>
						</el-menu-item-group>
						<el-menu-item-group>
							<el-menu-item index="1-2">
								<router-link to="/home/admpersona">角色列表</router-link>
							</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
		
					<el-submenu index="2" class="menutwo">
						<template slot="title">
							<span>书籍管理</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="2-1">
								<router-link to="/home/moviegenre">书籍一级类型</router-link>
							</el-menu-item>
							<el-menu-item index="2-2">
								<router-link to="/home/moviegenre2">书籍二级类型</router-link>
							</el-menu-item>
							<el-menu-item index="2-3">
								<router-link to="/home/hotpic">热点图片</router-link>
							</el-menu-item>
							<el-menu-item index="2-4">
								<router-link to="/home/list">商品列表</router-link>
							</el-menu-item>
							<el-menu-item index="2-5">
								<router-link to="/home/order">订单管理</router-link>
							</el-menu-item>
							<el-menu-item index="2-6">
								<router-link to="/moblie/home">移动端首页</router-link>
							</el-menu-item>
							<el-menu-item index="2-7">
								<router-link to="/pc/pchome">PC端首页</router-link>
							</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
				</el-menu>
			</el-col>
			</el-row>
		</div>
</template>

<script>
	export default {
		name: 'Slide',
		props: ['propsmenu'],
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped>
	.slide{
		width: 20%;
		height: 100vh;
		background-color: #393d49;
	}
	.slide a{
		display: block;
		text-align: center;
		width: 100%;
		color: white;
		text-decoration: none;
	}
	.el-menu-item-group{
		height: 100%;
		background-color: #282b33;
	}
	.el-menu{
		width: 100%;
		background-color: #393d49;
	}
	.el-menu span{
		color:white;
	}
</style>